<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<style>
			/*css注释方式*/
			/* css部分：选择器：抓取页面元素，元素增加效果
			 选择器{
				 属性:属性值;
				属性:属性值;
			                 }
			 */
			p{
				width: 200px;
				height: 200px;
				background: #ffaaff;/*16进制色值*/
			}
		</style>
	</head>
	<body>
		<!--①内联样式表，叫做行内样式表【开发不用：没有真正实现内容与表现分离】
		语法：前标记 style="属性：属性值；属性：属性值；..."
		-->
		<div style="width:300px;height:300px;background:red;"></div>
		<!--②内部样式表 【开发不用：联系专用】
		html部分：在head元素中，添加style元素
		css部分：在style元素中，添加css样式
		-->
		<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tenetur, rerum odit, nisi libero reiciendis error unde hic molestiae iusto veniam fuga incidunt architecto, ratione quis laboriosam nulla temporibus in! Quibusdam.</p>
	</body>
</html>